div.modal-backdrop {
  z-index: 0;
  background-color: transparent;
}

.content {
  height: 44px;
  .content-navi{
    background-color: #f0f0f0;
    text-align: center;
  }
  .User-content-body {
    padding: 20px;
    .btn-create{
      @include redBtn;
      width: 60px;
    }
    .ti-reload{
      padding-right: 10px;
      vertical-align: middle;
    }
    .btn-refresh{
      @include redBtn;
      width: 170px;
    }
    .ti-search{
      padding-left: 10px;
      display: table-cell;
      vertical-align: middle;
      color: #8b8b8b;
    }
    .search-group{
      float: right;
      border: 1px #cccccc solid;
      border-radius: 3px;
      background: #eee;
      input{
        border: none;
        box-shadow: none;
        background: #eee;
      }
    }
    .users-setting-tools {
      .input-group {
        input,
        .input-group-btn {
          height: 40px;
        }
      }
    }
    .User-setting-list {
      margin-top: 20px;
      table {
        tr>th{
          padding: 8px;
          padding-left: 12px;
        }
        tr>td{
          border-top-color: #c9c9c9 !important;
        }
        tbody{
          td>
          .edit{
            margin-left: 5px;
          }
        }
        .table-title{
          background: #edf0f2;
        }
      }
    }
  }

}

#BackgroundSettingUserRole {
  td {
    padding: 20px;
  }
}
